<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/accordion-menu.css" />
		<!--bootstrap只用到了菜单图标-->
		<link rel="stylesheet" href="plugin/bootstrap3.3.7/css/bootstrap.css" />
		<script type="text/javascript" src="plugin/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="js/jQuery.accordionMenu.js"></script>
		<script>
			$(function() {
				$.ajax({
					"url":"menu.json",
					"success":function(data){
						$("#menuDiv").accordionMenu({
							'autoFold': false,
							'menuData':data,
							'showMenuIcon':true
						});
					}
				});
				
			});
		</script>
	</head>

	<body>
		<div ></div>
		<div id="menuDiv" style="width: 200px; background: black;">
			 
		</div>
	</body>

</html>